 <!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>H+ 后台主题UI框架 - 项目</title>
    <meta name="keywords" content="H+后台主题,后台bootstrap框架,会员中心主题,后台HTML,响应式后台">
    <meta name="description" content="H+是一个完全响应式，基于Bootstrap3最新版本开发的扁平化主题，她采用了主流的左右两栏式布局，使用了Html5+CSS3等现代技术">
    <link rel="shortcut icon" href="favicon.ico"> <link href="/bootstrap/css/bootstrap.min14ed.css?v=3.3.6" rel="stylesheet">
    <link href="/bootstrap/css/font-awesome.min93e3.css?v=4.4.0" rel="stylesheet">
    <link href="/bootstrap/css/animate.min.css" rel="stylesheet">
    <link href="/bootstrap/css/style.min862f.css?v=4.1.0" rel="stylesheet">

    <link href="/webuploader/css/webuploader.css" rel="stylesheet">
    <link href="/webuploader/css/style33.css" rel="stylesheet">
</head>
<style>
    img{width: 200px}
    span{color: #cc181b}
</style>
<body class="gray-bg">
  <div class="wrapper wrapper-content animated fadeInUp">
      <div class="row text-center">
          <div class="col-sm-12 ">
              <div class="ibox-title">
                  <div style="font-size: 25px">批量添加借款人</div>
              </div>
          </div>
      </div>
      <div class="ibox-content">
          <div class="row" style="padding-top: 7%">
              <div class="col-sm-1">
              </div>
              <div class="col-sm-3">
                  <div class="row panel panel-primary">
                      <div class="col-sm-12 text-center bg-success" style="height: 45px;">
                          <span style="font-size: 25px">添加企业借款人</span>
                      </div>
                      <div class="panel-body">
                          <div class="row text-center" style="padding-top: 20px">
                              <div id="uploader-demo" style="padding-top: 50px  ">
                                  <!--用来存放item-->
                                  <div id="fileList3" class="uploader-list"></div>
                                  <div class="uploads_image">选择excel</div>
                                  <input type="text" name="" readonly="readonly" value="" style="padding-top: 10px">
                              </div>
                          </div>
                          <div class="row text-center" style="padding-top: 20px">
                              <a href="" class="btn btn-info"> 下载模板</a>
                          </div>
                      </div>
                  </div>
              </div>
              <div class="col-sm-2">
              </div>
              <div class="col-sm-3">
                  <div class="row panel panel-primary">
                      <div class="col-sm-12 text-center bg-success" style="height: 45px;">
                          <span style="font-size: 25px">添加独立借款人</span>
                      </div>
                      <div class="panel-body">
                          <div class="row text-center" style="padding-top: 20px">
                              <div id="uploader-demo" style="padding-top: 50px  ">
                                  <!--用来存放item-->
                                  <div id="fileList3" class="uploader-list"></div>
                                  <div class="uploads_image">选择excel</div>
                                  <input type="text" readonly="readonly" name="" value="" style="padding-top: 10px">
                              </div>
                          </div>
                          <div class="row text-center" style="padding-top: 20px">
                              <a href="" class="btn btn-info"> 下载模板</a>
                          </div>
                      </div>
                  </div>
              </div>
              <div class="col-sm-1">
              </div>
          </div>

          <div class="row">
              <div class="col-sm-12 text-center">
                  <span style="color:red">*请确保每个字段不为空且真实有效</span>
              </div>
              <div class="col-sm-12 text-center">
                  <button class="btn btn-info">提交</button>
              </div>
          </div>
          <div class="row"><div class="col-sm-4">备注：独立借款人模板字段如下</div></div>
          <div class="row">
              <div class="col-sm-4">
              <table class="table table-bordered">
                  <thead>
                  <tr>
                      <th>姓名</th>
                      <th>手机号</th>
                      <th>手机号</th>
                      <th>借款金额</th>
                  </tr>
                  </thead>
              </table>
              </div>
          </div>
          <div class="row"><div class="col-sm-4">备注：企业借款人模板字段如下</div></div>
          <div class="row">
              <div class="col-sm-12">
                  <table class="table table-bordered">
                      <thead>
                      <tr>
                          <th>企业名称</th>
                          <th>企业网址</th>
                          <th>企业地址</th>
                          <th>企业简介</th>
                          <th>组织机构代码</th>
                          <th>营业执照号</th>
                          <th>营业执照有效期</th>
                          <th>营业执照所在地</th>
                          <th>企业法人</th>
                          <th>法人手机号码</th>
                          <th>法人身份证号码</th>
                          <th>企业法人</th>
                          <th>法人手机号码</th>
                          <th>法人身份证号码</th>
                          <th>联系Email</th>
                          <th>开户银行</th>
                          <th>开户卡号</th>
                          <th>开户省市</th>
                          <th>开户支行名称</th>
                      </tr>
                      </thead>
                  </table>
              </div>
          </div>

      </div>
  </div>
</body>





<script src="/bootstrap/js/jquery.min.js?v=2.1.4"></script>
<script src="/bootstrap/js/bootstrap.min.js?v=3.3.6"></script>
<script src="/bootstrap/js/content.min.js?v=1.0.0"></script>

<script src="/webuploader/js/jquery.cookie.js"></script>
<script src="/webuploader/js/jquery.slimscroll.min.js"></script>
<script type="text/javascript" src="/webuploader/webuploader.js"></script>
<script>

    $(document).ready(function(){
        $("#loading-example-btn").click(function(){
            history.go(0);
            //  btn=$(this);simpleLoad(btn,true);simpleLoad(btn,false)})});function simpleLoad(btn,state){if(state){btn.children().addClass("fa-spin");btn.contents().last().replaceWith(" Loading")}else{setTimeout(function(){btn.children().removeClass("fa-spin");btn.contents().last().replaceWith(" Refresh")},2000)}
        })});


    var uploader = WebUploader.create({
        // 选完文件后，是否自动上传。
        auto: true,
        // swf文件路径
        swf: '/webuploader/Uploader.swf',
        // 文件接收服务端。
        server:"{:url('Upload/uploadLocal')}",
        // 选择文件的按钮。可选。
        // 内部根据当前运行是创建，可能是input元素，也可能是flash.
        pick: '.uploads_image',//html  class
        // 只允许选择图片文件。

        accept: {
            title: '只选择文件',
            extensions: 'xlsx',
            /* mimeTypes: 'image/!*'*/
            mimeTypes: 'application/vnd.openxmlformats-officedocument.spreadsheetml.sheet'   //修改这行
        },
        method: "post",
    }).on('uploadSuccess', function (file, result) {
         if(result._raw!==1)
         {
             src = "{$upyun}";
             console.log(result);
             var uploaderId = '#rt_' + file.source.ruid;
             var url = result._raw;
             $(uploaderId).parents("#uploader-demo").find("input[type='hidden']").val(url);
             $(uploaderId).parents("#uploader-demo").find("input[type='text']").val(url);
             alert('上传成功')
         }else{
            alert('上传失败,请刷新重试')
        }
    }).on('uploadBeforeSend', function (object, data, headers) {
        this.reset();
        headers['X-XSRF-TOKEN'] = $.cookie('XSRF-TOKEN');
    });
</script>
<script type="text/javascript" src="http://tajs.qq.com/stats?sId=9051096" charset="UTF-8"></script>